{#
 This Source Code Form is subject to the terms of the Mozilla Public
 License, v. 2.0. If a copy of the MPL was not distributed with this
 file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

{% from "macros-protocol.html" import sidemenu_lists with context %}

{% extends 'base-protocol-mozilla.html' %}

{% block site_css %}
  {{ super() }}
  {{ css_bundle('basic-article') }}
{% endblock %}

{% block body_id %}{{ body_id }}{% endblock %}

{% block body_class %}{{ body_class }}{% endblock %}

{% block content %}
  {% block main_feature %}{% endblock %}
  <div id="main-content" class="mzp-l-content{% if self.side_nav()|trim|length or self.side_extra()|trim|length %} mzp-has-sidebar mzp-l-sidebar-left{% endif %}">
    {% block sidebar %}
      <aside class="mzp-l-sidebar" aria-label="{{ ftl('ui-menu') }}">
        {% block side_nav %}
        {% endblock %}
        {% block side_extra %}
        {% endblock %}
      </aside>
    {% endblock %}

    <main class="mzp-l-main">
      <article class="mzp-c-article">
        {% block article %}{% endblock %}
      </article>
    </main>
  </div>

  {% block newsletter %}
    <aside class="section section-newsletter" id="newsletter-subscribe" aria-label="{{ ftl('newsletter-form-label') }}">
      <div class="content">
        {% block email_form %}
        {% endblock %}
      </div>
    </aside>
  {% endblock %}
{% endblock %}

{% block site_js %}
  {{ super() }}
  <!--[if !IE]><!-->
    {{ js_bundle('basic-article') }}
    {{ js_bundle('newsletter') }}
  <!--<![endif]-->
{% endblock %}
